<!-- @author zhengjie -->
<template>
    <el-dialog :title="title" class="zt-min-dialog" :visible.sync="open" :width="width" @close="closeDialog" :close-on-click-modal="false">
        <slot class="zt-dialog-solt"></slot>
    </el-dialog>
</template>
  
<script>
export default {
    name: 'MinDialog',
    props: {
        width: {
            type: String
        },
        title: {
            type: String
        },
        visible: {
            type: Boolean,
        },
        type: {
            type: Boolean,
        }
    },
    watch: {
        visible(newValue) {
            // 监听 visible 属性的变化
            this.open = newValue;
        },
        type(newValue) {

        }
    },
    data() {
        return {
            name: '',
            open: false,
        }
    },
    methods: {
        closeDialog() {//关闭回调
            this.$emit("closeDialog", false);
        },
    }
}
</script>
  
<style rel="stylesheet/scss" lang="scss" scoped></style>
  